<template>
  <n-divider>主题设置</n-divider>
  <n-space vertical>
    <n-select
      v-model:value="layout.theme"
      :options="themeOptions"
      label="主题模式"
    />
  </n-space>
</template>

<script setup lang="ts">
import { storeToRefs } from "pinia";
import { useLayoutStore } from "@/store/modules/layout";

const layoutStore = useLayoutStore();
const { layout } = storeToRefs(layoutStore);

const themeOptions = [
  { label: "亮色", value: "light" },
  { label: "暗色", value: "dark" },
];
</script>
